<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action=""> <!--action 提交表单的地址  -->
    <h2>输入框：</h2>
    <input type="text" placeholder="请输入用户名">
    <h2>密码框：</h2>
    <input type="password" placeholder="请输入密码">
    <h2>复选框(多选框)：</h2>
    <input type="checkbox" checked>苹果
    <input type="checkbox" checked="checked">香蕉
    <input type="checkbox">梨子
    <input type="checkbox">桔子
    <input type="checkbox" disabled >草莓<!--diabled 被禁止使用 是的选项框无法选择  -->
    <h2>单选框：</h2>
    <input type="radio"  name="name1">男生
    <input type="radio" name="name1">女生
    <h2>上传文件</h2>
    <input type="file">
    <h2>多行文本那框</h2> 
   <textarea name="" id="" cols="30" rows="10"></textarea><!--30列10 行  -->
   <h2>下拉菜单</h2>
   <select name="" id="">
    <option value="" selected  disabled>请选择</option><!--  单选-->
       <option value="">重庆</option>
       <option value="">北京</option>
       <option value="">上海</option>
       <option value="">天津</option>
   </select>

   <select name="" id="" multiple>  <!-- 也可以加在其他属性当中多选 -->
 <option value="" selected  disabled>请选择</option>
       <option value="">重庆</option>
       <option value="">北京</option>
       <option value="">上海</option>
       <option value="">天津</option>
   </select>
 
   <h2>上传文件</h2>
   <input type="file" multiple> <!-- 上传文件多选 -->
  
    <h2>重置按钮---提交按钮</h2>
<input type="submit">
<input type="reset">
    </form>
</body>
</html>
